<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LifeGame</title>
</head>

<style>
    .container {
        /* background-color: hsla(0, 0%, 50%, 0.8); */
        height: 10000;
        width: 10000;
        /* padding: 0px 250px; */
        text-align: center;
    }

    h2 {
        text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
        font-size: 5vw;
        font-family: Arial;
        color: white;
        /* text-align: center; */
    }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>
<!-- <script src = ""></script> -->
<script src="../js/LifeGame.js"></script>

<body>
    <div class="container" id="container">
        <!-- <h1>Cellar Automator</h1> -->
        <h2>Cellar Automator</h2>


    </div>

</body>

</html>